<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
        <title>{$seoinfo['seotitle']}-{$GLOBALS['cfg_webname']}</title>
        {if $seoinfo['keyword']}
        <meta name="keywords" content="{$seoinfo['keyword']}" />
        {/if}
        {if $seoinfo['description']}
        <meta name="description" content="{$seoinfo['description']}" />
        {/if}
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        {php echo Common::css('base.css,swiper.min.css,reset-style.css');}
        {Common::css_plugin('news.css','news')}
        {php echo Common::js('lib-flexible.js,swiper.min.js,jquery.min.js,delayLoading.min.js');}
	</head>
	<body>
    {request "pub/header_new/typeid/$typeid"}
        <!-- 公用顶部 -->
        
       <div class="hd-nav swiper-container ">
           {st:news action="category" flag="top" return="categorylist"}
			<ul class="clearfix swiper-wrapper">
                <li class="on swiper-slide"><a href="{$cmsurl}news/">推荐阅读</a></li>
                {loop $categorylist $category}
				<li class=" swiper-slide"><a href="{$cmsurl}news/{$category['id']}">{$category['title']}</a></li>
                {/loop}
			</ul>
		</div>


		<div class="swiper-container slide-img-block">
            <div class="swiper-wrapper">
              
                {st:news action="query" flag="order" row="13" return="newslist"}
                {loop $newslist $new}
                {if $n < 4 }
                <div class="swiper-slide">
                                        <a href="{$new['url']}" class="item">
                    	<div class="pic"><img class="swiper-lazy" data-src="{Common::img($new['litpic'],750,375)}" src="{$defaultimg}"  alt="{$new['title']}" title="{$new['title']}" /></div>
                    	<div class="text"><p>{$new['adname']}</p></div>
                    </a>
	                <div class="swiper-lazy-preloader"></div>
                </div>
                {/if}
                {/loop}
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <!-- 轮播广告 -->
        
        <div class="image-text-container">
        	<h3 class="title-bar">
	            <i class="line-icon"></i>
	            <span class="title-txt">图文推荐</span>
	        </h3>

            {st:news action="query" flag="order" row="13" return="newslist"}
	        <ul class="list-block">
                {loop $newslist $new}
                {if $n > 3}
	        	<li>
	        	
	        		<a class="item" href="{$new['url']}" title="{$new['title']}">
	        			<div class="pic"><img src="{$defaultimg}" st-src="{Common::img($new['litpic'],125,85)}" alt="{$new['title']}" title="{$new['title']}" /></div>
	        			<div class="info">
	        		        				<p class="bt">{$new['title']}</p>
	        				<p class="data">
	        					        					<span>{date('Y-m-d',$new['addtime'])}发布</span>
	        					<span>{$new['shownum']}浏览</span>
	        				</p>
	        			</div>
	        		</a>
	        	</li>
                {/if}
	            {/loop}
	        </ul>
        </div>
        <!--图文列表-->

    {request 'pub/code'}
    {request 'pub/footer'}
    {request "pub/footmenu"}
	    <!-- 底部 -->
	    <script type="text/javascript">
	    	$(function(){
	    		//导航标题
				var swiper = new Swiper('.hd-nav', {
					slidesPerView: 'auto',
				});

                var adSwiper = new Swiper('.slide-img-block', {
                    autoplay: 5000,
                    pagination : '.swiper-pagination',
                    lazyLoading : true,
                    observer: true,
                    observeParents: true
                });
				
	    	});
	    </script>
	</body>
</html>
